<template>
  <div id="footer">
    <a>今日剩余可举报次数2次</a>
    <p><b>提交举报</b></p>
  </div>
</template>

<script>
export default {};
</script>

<style>
#footer {
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

a {
  font-size: 14px;
  color: rgb(119, 114, 114);
}
#footer p {
  width: 98%;
  height: 2.5rem;
  color: #fff;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: dodgerblue;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
